$(function () {
    layui.use(['laydate', 'form', 'table'], function () {
        let laydate = layui.laydate;
        let form = layui.form;
        let table = layui.table;


        //执行一个laydate实例
        laydate.render({
            elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#end' //指定元素
        });

        page({});
        //触发单元格工具事件
        table.on('tool(table)', function (obj) { // 双击 toolDouble
            var data = obj.data;
            //console.log(obj)
            if (obj.event === 'del') {//删除信息
                layer.confirm('真的删除行么', function (index) {
                    $.ajax({
                        url: '/back/user/delete',
                        data: {id: data.id},
                        type: 'post',
                        dataType: 'json',
                        success: function (res) {
                            if (res.code == 1) {
                                obj.del();
                                layer.msg("删除成功！");
                                layer.close(index);
                            } else {
                                layer.msg("删除失败！");
                            }
                        }
                    })
                });
            } else if (obj.event === 'edit') {//修改信息
                sessionStorage.setItem("userId", data.id);
                xadmin.open('修改用户信息', '/html/user/member-update.html', 600, 400);
            } else if (obj.event === 'editPassword') {//修改密码
                sessionStorage.setItem("userId", data.id);
                xadmin.open('修改密码', '/html/user/member-updatePassword.html', 600, 400);
            }
        });

        // 创建渲染实例
        function page(data) {
            table.render({
                elem: '#table'
                , url: '/back/user/findAll' // 此处为静态模拟数据，实际使用时需换成真实接口
                , page: true
                , where: data
                , parseData: function (res) { //res 即为原始返回的数据
                    // console.log(res);
                    return {
                        "code": res.code, //解析接口状态
                        "msg": res.msg, //解析提示文本
                        "count": res.count, //解析数据长度
                        "data": res.data //解析数据列表
                    };
                }
                , cols: [[
                    {type: 'checkbox', fixed: 'left'}
                    , {field: 'id', fixed: 'left', width: 80, title: 'ID', sort: true}
                    , {field: 'username', width: 80, title: '用户名'}
                    , {field: 'sex', width: 80, title: '性别', sort: true}
                    , {field: 'birthday', title: '生日', width: 120, align: 'center'}
                    , {field: 'phone', title: '手机号', align: 'center', width: 120}
                    , {
                        field: 'email',
                        title: '邮箱 <i class="layui-icon layui-icon-email"></i>',
                        hide: 0,
                        width: 150,
                        edit: 'text',
                        align: 'center'
                    }
                    , {field: 'address', title: '地址', width: 120, align: 'center'}
                    , {field: 'createTime', title: '创建时间', width: 200, minWidth: 150, align: 'center'}
                    , {field: 'updateTime', title: '更新时间', width: 200, minWidth: 150, align: 'center'}
                    , {
                        field: 'enable',
                        title: '状态',
                        width: 100,
                        minWidth: 100,
                        align: 'center',
                        templet: function (d) {
                            return d.enable == 1 ? '启用' : '禁用';
                        }
                    }
                    , {fixed: 'right', title: '操作', align: 'center', width: 250, minWidth: 100, toolbar: '#barDemo'}
                ]]
            });
        }

        form.on('submit(sreach)', function (data) {
            data = data.field;
            console.log(data);
            page(data);
            return false;
        })
        form.on('submit(reset)', function () {
            form.val("list", {
                    "username": "",
                    "start": "",
                    "end": "",
                    "email": "",
                    "sex": "",
                    "enable": "-1"
                }
            );
            page({});
            return false;
        })
    })
})

/*用户-停用*/
function member_stop(obj, id) {
    layer.confirm('确认要停用吗？', function (index) {

        if ($(obj).attr('title') == '启用') {

            //发异步把用户状态进行更改
            $(obj).attr('title', '停用')
            $(obj).find('i').html('&#xe62f;');

            $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
            layer.msg('已停用!', {icon: 5, time: 1000});

        } else {
            $(obj).attr('title', '启用')
            $(obj).find('i').html('&#xe601;');

            $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
            layer.msg('已启用!', {icon: 5, time: 1000});
        }

    });
}

/*用户-删除*/
function member_del(obj, id) {
    layer.confirm('确认要删除吗？', function (index) {
        //发异步删除数据
        $(obj).parents("tr").remove();
        layer.msg('已删除!', {icon: 1, time: 1000});
    });
}


function delAll(argument) {
    var ids = [];

    // 获取选中的id
    $('tbody input').each(function (index, el) {
        if ($(this).prop('checked')) {
            ids.push($(this).val())
        }
    });

    layer.confirm('确认要删除吗？' + ids.toString(), function (index) {
        //捉到所有被选中的，发异步进行删除
        layer.msg('删除成功', {icon: 1});
        $(".layui-form-checked").not('.header').parents('tr').remove();
    });
}